<template>
  <h3>child2组件 - getters</h3>
  <!-- <div>doubleAge: {{ doubleAge }}</div> -->
  <div>reverseName: {{ reverseName }}</div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  // computed: {
  //   // name() {
  //   //   return this.$store.state.name.split("").reverse().join("");
  //   // },
  //   reverseName() {
  //     return this.$store.getters.reverseName;
  //   },
  //   doubleAge() {
  //     return this.$store.getters.doubleAge(3);
  //   },
  // },

  // 可以使用mapGetters辅助函数来简化代码
  // 数组语法
  computed: mapGetters("a", ["reverseName"]),

  // 对象语法
  // getters默认不需要加模块名称
  // computed: {
  // ...mapGetters({
  //   reverseName: "reverseName",
  // }),
  // doubleAge() {
  //   return this.$store.getters.doubleAge(3);
  // },
  // },
};
</script>
